@smallFontSize : 9pt;
@middleFontSize : 10.5pt;
@largeFontSize : 16px;

// ------------开始定义一些函数--------------- //

.removeHightLight{
	/*很多Android 浏览器的 a 链接有边框，这里取消它*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
// 解决使用CSS动画时闪烁的问题
// http://ued.taobao.com/blog/2012/01/chrome%E6%B8%B2%E6%9F%93transition%E6%97%B6%E9%A1%B5%E9%9D%A2%E9%97%AA%E5%8A%A8bug/
.fixTransitionFlash(){
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;	// Chrome and Safari 
	-moz-backface-visibility: hidden; 		// Firefox
}
// 解决使用CSS动画时闪烁的问题
// http://ued.taobao.com/blog/2012/01/chrome%E6%B8%B2%E6%9F%93transition%E6%97%B6%E9%A1%B5%E9%9D%A2%E9%97%AA%E5%8A%A8bug/
.fixTransitionFlash(){
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;	// Chrome and Safari 
	-moz-backface-visibility: hidden; 		// Firefox
}

// 复位 按钮 样式
.resetBtn(){
	border:0;
	outline:none;
	cursor: pointer;
	display: block;
}
// 快速制作1px 表格边框，为需要设置的table元素加上border的class即可
.x_borderTable() {
	border: 1px gray solid;
	border-collapse: collapse;
	border-spacing: 0;
	td, th{
		border: 1px gray solid;
		line-height:160%;
		height:120%;
		padding:6px;		
	}
}

// 解决高度塌陷的问题 – 清除浮动 或叫 闭合浮动
// http://www.iyunlu.com/view/css-xhtml/55.html
// http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%BA%8C/
// 强制换行
.forceBreak(){
	word-wrap: break-word;
	word-break: break-all;
}

// 实现CSS 文本溢出省略号
.noWarp (){
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}

.giveHeight(){
	overflow:hidden; 
	zoom:1;
}

.fullScreen_Mask(@backgroundColor: white){
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 9999998;
	background-color:@backgroundColor;
	.alpha(.5);
}

// 圆角
.rounded-corners (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-ms-border-radius: @radius;
	-o-border-radius: @radius;
	border-radius: @radius;
}

.roundedC(@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-ms-border-radius: @radius;
	-o-border-radius: @radius;
	border-radius: @radius;
}

/*
	盒子阴影
	@right_left 右边阴影为正数 左边负数
	@bottom_top 下边阴影为正数 上边负数
	@box 阴影大小
	@box_color 阴影颜色
*/
.boxshadow(@right_left:5px, @bottom_top:5px, @box:5px, @box_color:gray){
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/
    box-shadow:@arguments;
   -moz-box-shadow:@arguments;
   -webkit-box-shadow:@arguments;
}

/*
	文字阴影,可以指定多组阴影
	@right_left1 右边阴影为正数 左边负数
	@bottom_top1 下边阴影为正数 上边负数
	@text 阴影大小
	@text_color 阴影颜色
*/
.textshadow(@right_left1:5px, @bottom_top1:5px, @text:5px, @tetx_color:#b6ebf7){
    text-shadow:@arguments;
}

/*
	透明度 或渐变 1为不透明 0透明
	css3 rgba(110, 142, 185, .4)!important;前三个是颜色值 后一个是透明值用来兼容所有浏览器
*/
.alpha(@rgba_a:.4, @rgb_b:40){
    filter: alpha(opacity=@rgb_b); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{rgb_b})"; 
    opacity:@rgba_a;    
}

/*
	旋转角度
	IE不支持 滤镜支持0，1，2，3
*/
.rotate(@ro:30deg){
	transform: rotate(@ro);
	-webkit-transform: rotate(@ro);
	-moz-transform: rotate(@ro);
	-o-transform: rotate(@ro);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.trans(@t:id 2s ease-out 0s){
    transition:@t;
    -moz-transition:@t;
    -o-transition:@t;
    -webkit-transition:@t;
}
.heightFx(){
    transition: 300ms height ease-out;
    -moz-transition:300ms height ease-out;
    -o-transition:300ms height ease-out;
    -ie-transition:300ms height ease-out;
    -webkit-transition:300ms height ease-out;
}
.widthFx(){
    transition: 200ms width ease-out;
    -moz-transition:200ms width ease-out;
    -o-transition:200ms width ease-out;
    -ie-transition:200ms width ease-out;
    -webkit-transition:200ms width ease-out;
}
.leftFx(){
    transition: 200ms left linear;
    -moz-transition:200ms left linear;
    -o-transition:200ms left linear;
    -ie-transition:200ms left linear;
    -webkit-transition:200ms left linear;
}


.backSize(@size:contain){
	background-size: @size;
	/*-webkit-background-size: @size; */// 某些android 例如 Ophone 要加上 -webkit 的前缀
}

.backgroundSize(@size:contain){
	background-size: @size @size;
	-moz-background-size:@size;
	-webkit-background-size:@size;
	-o-background-size:@size;
}

// 垂直渐变
.verticalityGradient(@startColor, @endColor){
	background: @endColor; // for non-css3 browsers 我添加了一个背景颜色以防用户使用的浏览器不支持该功能
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@startColor, endColorstr=@endColor); /* for IE */
	background: -webkit-gradient(linear, center top, center bottom, from(@startColor), to(@endColor));
	background: -moz-linear-gradient(top, @startColor, @endColor); /* for firefox 3.6+ */
	background: -ms-linear-gradient(@startColor 0%, @endColor 100%); 
}

.imgOpacityShow(@time : 300ms){
	-webkit-transition: opacity @time ease-in;
	   -moz-transition: opacity @time ease-in;
	    -ms-transition: opacity @time ease-in;
	     -o-transition: opacity @time ease-in;
	        transition: opacity @time ease-in;	
}

// prototype
.mainBg(){
	 background:url("http://vps.ajaxjs.com:8080/bigfoot/asset/1/result.png") no-repeat;
}
.calendar(){
	.mainBg;
	background-position: 0px 0px;
}

.lightBox_closeBtn(){
	.mainBg;
	background-position: 0px -24px;
}

.lightBox_right(){
	.mainBg;
	background-position: -100px -202px;
}

.lightBox_left(){
	.mainBg;
	background-position: -100px -455px;
}
.ok_Icon(){
	.mainBg;
	// 备选
	background-position: 0px -760px;
}
.alertIcon(){
	.mainBg;
	background-position:  0px -878px;
}
// GPS 图标
// background-position: 0px -130px;

.form_vaild_msg(){
	.mainBg;
	background-position: 0px -852px;
}
.form_vaild_disallow(){
	padding: 0!important;
	.mainBg;
	background-position: 0px -826px;
}